import React from 'react'
// 定义函数组件
import './index.css'
// 函数组件,获取props数据
// export default function (props) {
//   console.log(props)
// return (
//   <li style={{ backgroundColor: 'skyblue' }}>
//     <a href="">
//       <h3 className="test">{props.xxx.name}</h3>
//       <p className="test">{props.xxx.content}</p>
//     </a>
//   </li>
// )
// }

export default class Item extends React.Component {
  render() {
    console.log(this.props)
    return (
      <li style={{ backgroundColor: 'skyblue' }}>
        <a href="">
          <h3 className="test">{this.props.xxx.name}</h3>
          <p className="test">{this.props.xxx.content}</p>
        </a>
      </li>
    )
  }
}
